import cn from 'classnames'
import * as React from 'react'
import './style/index.scss'

interface IProps {
  className?: string
}

const IconClose: React.FC<IProps> = props => {
  return (
    <svg
      className={cn('x-icon', props.className)}
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      width="200"
      height="200"
    >
      <path d="M883.06097099 237.53848467L609.08152871 511.51882607l273.97944228 273.95785635c12.59865791 12.50602119 20.27585302 29.83996846 20.27585303 48.99338261 0 38.17101973-30.91833721 69.13522617-69.20088222 69.13522618-19.04099063 0-36.35245283-7.7923169-48.90434326-20.27585303L511.25215713 609.41655195 237.27181573 883.32943906c-12.48443526 12.48353614-29.79589834 20.27585302-48.90434327 20.27585303-38.21688896 0-69.20268047-30.96420645-69.20268047-69.13522617 0-19.15341415 7.79141778-36.4864623 20.29833809-48.99338262l273.93537216-273.95785635L139.46313008 237.53848467c-12.50692031-12.52940537-20.29833809-29.81748339-20.29833809-48.90434326 0-38.17101973 30.98579151-69.22516553 69.20268048-69.22516553 19.10844404 0 36.41990713 7.74644766 48.90434326 20.27585303l273.97944228 273.97944228L785.23159942 139.68572891c12.55188955-12.52940537 29.86335263-20.27585302 48.90434326-20.27585303 38.28254414 0 69.20088222 31.05414492 69.20088222 69.22516553C903.33682402 207.72100127 895.65962891 225.00908018 883.06097099 237.53848467" />
    </svg>
  )
}

export default IconClose
